const boxs = document.querySelectorAll(".box");
boxs.forEach(panel=>{
    panel.addEventListener('click',()=>{
        removeActiveClasses();
        panel.classList.add('active');
    })
})
function removeActiveClasses(){
    boxs.forEach(panel=>{
        panel.classList.remove('active');
    })
}